<!--
 * @Author: xinqiao lxq1990.0716@qq.com
 * @Date: 2023-11-29 10:57:44
 * @LastEditors: xinqiao lxq1990.0716@qq.com
 * @LastEditTime: 2024-01-04 17:23:51
 * @FilePath: \partal\src\views\design\introduce.vue
 * @Description: 组件沙箱（存放pc、h5、app、xcx组件）
-->

<script lang="ts" setup>
  import { computed } from 'vue'
  import { useRoute } from 'vue-router'

  const route = useRoute()

  const iframeUrl = computed(() => window.location.origin + route.meta.direct)
</script>

<template>
  <div class="sandbox">
    <iframe :src="iframeUrl" />
  </div>
</template>

<style type="less" scoped>
  .sandbox {
    height: 100%;
    padding-left: 100px;
  }
</style>
